<template>
	<view class="main">
		<view class="title">图片模卡</view>
		<view class="ub item">
			<view class="side_gap"></view>
			<view class="ub-f1">
				<view @click="goModel" class="item_img">
					<image mode="widthFix" src="../../static/moka/index/model.png"></image>
				</view>
			</view>
			<view class="side_gap"></view>
		</view>
		<view class="ub item">
			<view class="side_gap"></view>
			<view class="ub-f1">
				<view @click="goActor" class="item_img">
					<image mode="widthFix" src="../../static/moka/index/actor.png"></image>
				</view>
			</view>
			<view class="side_gap"></view>
		</view>
		<view class="ub item">
			<view class="side_gap"></view>
			<view class="ub-f1">
				<view @click="goAnchor" class="item_img">
					<image mode="widthFix" src="../../static/moka/index/anchor.png"></image>
				</view>
			</view>
			<view class="side_gap"></view>
		</view>
		<view class="ub item">
			<view class="side_gap"></view>
			<view class="ub-f1">
				<view @click="goTheme" class="item_img">
					<image mode="widthFix" src="../../static/moka/index/theme.png"></image>
				</view>
			</view>
			<view class="side_gap"></view>
		</view>
		<view class="bottom_gap"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showloadingmore: false,
				pageloading: true,
				loadingmore: true,
				isloading: false,
				isposting: false,
				pageshow: "",
				tipAddMy: true,
				infor: [],
				uploadData: {}
			}
		},
		onLoad(a) {
			setTimeout(_ => {
				this.tipAddMy = false
			}, 1000)
		},
		methods: {
			goEditshow() {
				uni.navigateTo({
					url: "../../../../pages/mokadata/editshow/editshow"
				});
			},
			goModel() {
				uni.navigateTo({
					url: "/pages/moka/modelCard"
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	page {
	    background-color: #fff;
	}
	
	.pagenav {
	    width: 100%;
	    position: fixed;
	    z-index: 99999999999;
	    background-color: #fff;
	}
	
	.nav_back {
	    width: 60rpx;
	}
	
	.nav_back image {
	    width: 18rpx;
	    height: 30rpx;
	    margin-top: 27rpx;
	    margin-left: 30rpx;
	    opacity: 1;
	}
	
	.pagetop {
	    height: 88rpx;
	}
	
	.nav_title {
	    text-align: center;
	    line-height: 88rpx;
	    font-size: 34rpx;
	    font-family: PingFangSC-Medium,PingFang SC;
	    font-weight: 550;
	    color: #333;
	}
	
	.title,.title_online {
	    height: 40rpx;
	    font-size: 28rpx;
	    font-weight: 400;
	    color: rgba(0,0,0,.8);
	    line-height: 40rpx;
	    padding-left: 30rpx;
	}
	
	.title {
	    margin-top: 20rpx;
	}
	
	.bottom_gap {
	    height: 40rpx;
	}
	
	.side_gap_wei {
	    width: 22rpx;
	}
	
	.infor {
	    background-color: #fff;
	}
	
	.infor_bg,.infor_bg image {
	    width: 706rpx;
	    height: 256rpx;
	    position: relative;
	}
	
	.infor_body {
	    width: 100%;
	    height: 256rpx;
	    margin-top: -256rpx;
	    position: relative;
	}
	
	.infor_data {
	    width: 706rpx;
	    height: 256rpx;
	    margin: 0 auto;
	}
	
	.user_name {
	    height: 59rpx;
	    font-size: 42rpx;
	    font-weight: 500;
	    color: #333;
	    line-height: 59rpx;
	    padding-left: 30rpx;
	    text-align: left;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	
	.user_identity {
	    width: 520rpx;
	    padding-left: 32rpx;
	    margin-top: 2rpx;
	    color: #665900;
	    font-size: 26rpx;
	    text-align: left;
	}
	
	.user_edit image {
	    width: 185rpx;
	    height: 60rpx;
	    position: relative;
	    top: 2rpx;
	    right: 30rpx;
	}
	
	.switch_apptype {
	    width: 155rpx;
	    height: 46rpx;
	    background: #f5f5f5;
	    border-radius: 23rpx 0rpx 0rpx 23rpx;
	    font-size: 22rpx;
	    font-weight: 400;
	    color: #666;
	    line-height: 46rpx;
	    text-align: right;
	}
	
	.switch_apptype image {
	    width: 30rpx;
	    height: 30rpx;
	    position: relative;
	    top: 8rpx;
	    right: 4rpx;
	}
	
	.switch_apptype text {
	    padding-right: 18rpx;
	}
	
	.personimg {
	    width: 140rpx;
	}
	
	.personimg image {
	    width: 140rpx;
	    height: 200rpx;
	    background: #fff;
	    border-radius: 4rpx;
	}
	
	.user_datas {
	    text-align: center;
	    margin-top: 34rpx;
	}
	
	.user_item_data {
	    width: 25%;
	}
	
	.user_item_data .name {
	    height: 30rpx;
	    font-size: 22rpx;
	    color: #665900;
	    line-height: 30rpx;
	    margin-top: 9rpx;
	}
	
	.user_item_data .value {
	    height: 37rpx;
	    font-size: 26rpx;
	    font-weight: 400;
	    color: #333;
	    line-height: 37rpx;
	}
	
	.item {
	    margin-top: 20rpx;
	    text-align: center;
			margin-left: 30rpx;
	}
	
	.item_img {
	    width: 690rpx;
	    height: 240rpx;
	}
	
	.side_gap {
	    width: 30rpx;
	}
	
	.item_img image {
	    width: 690rpx;
	    height: 240rpx;
	}
</style>
